<!DOCTYPE html>
<html>
<head>
  <title>Baking Disasters</title>
  <link rel="stylesheet" href="style.css" />
  <link rel="shortcut icon" href="images/logo_favicon.png" />    
  <link rel="canonical" href="http://bakingdisasters.com/social-blog/final/index-delayed-rendering.html" />
  <!-- OpenGraph meta elements to define the +Snippet -->
  <meta property="og:title" content="Baking Disasters"/>
  <meta property="og:image"
        content="http://bakingdisasters.com/social-blog/final/images/logo.png"/>
  <meta property="og:description" content="Cooking is an art and baking is a
    science. Art gone wrong makes a mess, but science gone wrong may cause a
    disaster."/>
  <link href="https://plus.google.com/116852994107721644038" rel="publisher" />
</head>
<body>
<header class="blog-header">
  <a href="index.html"><img id="blog-logo" src="images/logo.png"></a>
  <h1>Baking Disasters</h1>
  <p>Because sometimes molecular gastronomy explodes.</p>
</header>
<script>
  function renderPlusone(placeholderId, targetUrl, origin) {
    // make sure it only runs once
    origin.onmouseover = null;
    // render the +1 button
    gapi.plusone.render(placeholderId, {"annotation":"none", "href":targetUrl});
  }
</script>
<section class="content">
  <section class="post-summary" id="macaron"
           onmouseover="renderPlusone('plusone-macaron',
           'http://bakingdisasters.com/social-blog/final/macaron.html', this)">
    <div id="plusone-macaron"
         style="width:38px;height:24px;display:inline-block;
         background-image:url(images/plusone_button_placeholder.png);"></div>
    <header><h2>Macaron</h2></header>
    <p>Few baked goods are as prone to explosions as the delicious and delicate
    French macaron. There's something about a hard outer shell attempting to hold
    back the pressure of expanding almond-flour-goo that's reminiscent of a
    poorly designed steam locomotive... <a href="macaron.html">read more</a></p>
  </section>
  <section class="post-summary" id="doom-bread"
          onmouseover="renderPlusone('plusone-doom-bread',
           'http://bakingdisasters.com/social-blog/final/doom-bread.html', this)">
    <div id="plusone-doom-bread" style="width:38px;height:24px;display:inline-block;
         background-image:url(images/plusone_button_placeholder.png);"></div>
    <header><h2>Doom Bread</h2></header>
    <p>Is it a bread or is it a roll? Within this layery monstrosity is the
      essence of fatty deliciousness. Doom Bread combines bacon, cheese and vast
      quantities of butter into a single object, which amazingly fits in the
      palm of your hand... <a href="doom-bread.html">read more</a></p>
  </section>
</section>
<footer>
  <div class="badge-container">
  </div>
  By <a href="http://plus.google.com/102817283354809142195">Baking Disasters</a>
  <div style="clear:both;"></div>
</footer>
<!-- Asynchronously load the +1 button JavaScript -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</body>
</html>
